import React from 'react';
import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';

interface ClipPathProps {
    id: string;
    children?: React.ReactNode; // 添加children支持
}

const BellImage = (props: any) => {
    return (
        <Svg
            width="24.000000"
            height="24.000000"
            viewBox="0 0 24 24"
            fill="none"
            {...props}>
            <Defs>
                <ClipPath id="clip150_171667">
                    <Rect
                        id="dot_grid_1x2_circle"
                        width="24.000000"
                        height="24.000000"
                        fill="white"
                        fill-opacity="0"
                    />
                </ClipPath>
            </Defs>
            <G clip-path="url(#clip150_171667)">
                <G opacity="0.400000">
                    <G style="mix-blend-mode:normal">
                        <G opacity="0.000000">
                            <Rect
                                id="矩形"
                                width="24.000000"
                                height="24.000000"
                                fill="#000000"
                                fill-opacity="0"
                            />
                            <Rect
                                id="矩形"
                                width="24.000000"
                                height="24.000000"
                                stroke="#000000"
                                stroke-opacity="0"
                                stroke-width="1.000000"
                            />
                        </G>
                        <Path
                            id="形状"
                            d="M12 21.7C13.67 21.7 15.22 21.28 16.64 20.45C18.07 19.61 19.2 18.48 20.04 17.05C20.88 15.63 21.29 14.08 21.29 12.4C21.29 10.72 20.88 9.16 20.04 7.73C19.2 6.31 18.07 5.18 16.64 4.34C15.22 3.51 13.67 3.09 12 3.09C10.31 3.09 8.76 3.51 7.33 4.34C5.91 5.18 4.78 6.31 3.94 7.73C3.11 9.16 2.69 10.72 2.69 12.4C2.69 14.08 3.11 15.63 3.94 17.05C4.78 18.48 5.91 19.61 7.33 20.45C8.76 21.28 10.31 21.7 12 21.7ZM12 4.62C13.4 4.62 14.7 4.96 15.89 5.66C17.08 6.37 18.02 7.31 18.73 8.5C19.42 9.69 19.77 10.99 19.77 12.4C19.77 13.8 19.42 15.1 18.73 16.29C18.02 17.48 17.08 18.42 15.89 19.12C14.7 19.83 13.4 20.17 12 20.17C10.59 20.17 9.29 19.83 8.1 19.12C6.91 18.42 5.96 17.48 5.26 16.29C4.56 15.1 4.21 13.8 4.21 12.4C4.21 10.99 4.56 9.69 5.26 8.5C5.96 7.31 6.91 6.37 8.1 5.66C9.29 4.96 10.59 4.62 12 4.62ZM12 8.5C11.61 8.5 11.29 8.63 11.02 8.9C10.75 9.17 10.62 9.51 10.62 9.9C10.62 10.28 10.75 10.6 11.02 10.87C11.29 11.14 11.61 11.28 12 11.28C12.38 11.28 12.72 11.14 12.99 10.87C13.26 10.6 13.39 10.28 13.39 9.9C13.39 9.5 13.26 9.17 13 8.9C12.73 8.63 12.4 8.5 12 8.5ZM10.62 14.9C10.62 15.28 10.75 15.62 11.02 15.89C11.29 16.16 11.61 16.29 12 16.29C12.38 16.29 12.71 16.16 12.99 15.88C13.26 15.61 13.39 15.28 13.39 14.9C13.39 14.51 13.26 14.19 13 13.92C12.73 13.65 12.4 13.52 12 13.52C11.61 13.52 11.29 13.65 11.02 13.92C10.75 14.19 10.62 14.51 10.62 14.9Z"
                            fill="#000000"
                            fillOpacity="1.000000"
                            fillRule="nonzero"
                        />
                        <Path
                            id="形状"
                            d="M16.64 20.45C18.07 19.61 19.2 18.48 20.04 17.05C20.88 15.63 21.29 14.08 21.29 12.4C21.29 10.72 20.88 9.16 20.04 7.73C19.2 6.31 18.07 5.18 16.64 4.34C15.22 3.51 13.67 3.09 12 3.09C10.31 3.09 8.76 3.51 7.33 4.34C5.91 5.18 4.78 6.31 3.94 7.73C3.11 9.16 2.69 10.72 2.69 12.4C2.69 14.08 3.11 15.63 3.94 17.05C4.78 18.48 5.91 19.61 7.33 20.45C8.76 21.28 10.31 21.7 12 21.7C13.67 21.7 15.22 21.28 16.64 20.45ZM15.89 5.66C17.08 6.37 18.02 7.31 18.73 8.5C19.42 9.69 19.77 10.99 19.77 12.4C19.77 13.8 19.42 15.1 18.73 16.29C18.02 17.48 17.08 18.42 15.89 19.12C14.7 19.83 13.4 20.17 12 20.17C10.59 20.17 9.29 19.83 8.1 19.12C6.91 18.42 5.96 17.48 5.26 16.29C4.56 15.1 4.21 13.8 4.21 12.4C4.21 10.99 4.56 9.69 5.26 8.5C5.96 7.31 6.91 6.37 8.1 5.66C9.29 4.96 10.59 4.62 12 4.62C13.4 4.62 14.7 4.96 15.89 5.66ZM11.02 8.9C10.75 9.17 10.62 9.51 10.62 9.9C10.62 10.28 10.75 10.6 11.02 10.87C11.29 11.14 11.61 11.28 12 11.28C12.38 11.28 12.72 11.14 12.99 10.87C13.26 10.6 13.39 10.28 13.39 9.9C13.39 9.5 13.26 9.17 13 8.9C12.73 8.63 12.4 8.5 12 8.5C11.61 8.5 11.29 8.63 11.02 8.9ZM11.02 15.89C11.29 16.16 11.61 16.29 12 16.29C12.38 16.29 12.71 16.16 12.99 15.88C13.26 15.61 13.39 15.28 13.39 14.9C13.39 14.51 13.26 14.19 13 13.92C12.73 13.65 12.4 13.52 12 13.52C11.61 13.52 11.29 13.65 11.02 13.92C10.75 14.19 10.62 14.51 10.62 14.9C10.62 15.28 10.75 15.62 11.02 15.89Z"
                            stroke="#000000"
                            strokeOpacity="0"
                            strokeWidth="1.000000"
                        />
                    </G>
                </G>
            </G>
        </Svg>
    );
};
export default BellImage;
